<template>
  <el-menu :default-openeds="['1', '3']"
      style="min-height: 100%;overflow-x: hidden;"
      background-color="rgb(48,68,86)"
      text-color="#fff" 
      router
      @select="handleSelect"
      >
      <div>
        <b style="color: white;height: 60px;line-height: 60px;position: relative; margin-right: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;后台管理系统</b>
      </div>
            <el-menu-item index="/home" >
                <template slot="title">
                    <i class="el-icon-setting"></i>
                    <span slot="title">主页</span>
                </template>
            </el-menu-item>
        <el-submenu index="2" default-active="2">
          <template slot="title"><i class="el-icon-menu"></i>系统管理</template>
          <el-menu-item-group>
            <template slot="title"></template>
            <el-menu-item index="/user"><i class="el-icon-delete"></i>用户管理</el-menu-item>
            <el-menu-item index="/file"><i class="el-icon-more"></i>文件管理</el-menu-item>
            <el-menu-item index="/role"><i class="el-icon-s-tools"></i>权限管理</el-menu-item>
            <el-menu-item index="/menu"><i class="el-icon-tickets"></i>菜单管理</el-menu-item>
            <el-menu-item index="/person"><i class="el-icon-user"></i>个人信息</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
          <el-menu-item index="/map"><i class="el-icon-time"></i>仓库位置</el-menu-item>
          
      </el-menu>
</template>

<script>
export default {
    methods:{
        handleSelect(index){
            console.log(this.$route.name)
        }
    },
    

}
</script>

<style>
.el-aside {
  color: #333;
}
</style>